
/* CSS Document */
#header {
	position:absolute;
	top:0px;
	left:0px; 	
	//margin:0 auto;
	//padding:0;
	//width: 100%;
	z-index:3001;
	/*background: #2E550E url(main-wrapper.png) repeat;*/
	
	/* text-align: justify;*/
}
#header ul {
	pisition:absolute;
	top:0px;
	left:0px;
    list-style-type: none; /*to remove bullets*/
    align-content: center	
    padding: 0px;
    zoom:1;
    overflow: visible;
	-webkit-padding-start: 0px;
	
}
#header li{
    padding: 2px;
	align-content: center	
 //   width: 150px;
    display:inline-block;
}
#header div.circle {
	background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/grayed_mini.png);
	background-repeat: no-repeat;
    background-position:center center;
  /*  width: 148px;
    height: 148px;
	zoom: 0.3;*/
	 width: 45px;
    height: 45px;
	// display: inline-block;
	background-color:rgba(255,255,255,0);
}
#header div.arrow {
	/* background-image: url(headingTo.PNG); */
	background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/triArrow_mini.png);
	 background-repeat: no-repeat;
    background-position:center center;
    /*width: 130px;
    height: 130px;*/
	/* width: 53px;
    height: 148px;
	 zoom: 0.3;*/
	  width: 16px;
    height: 45px;
	 display: inline-block;
	 align-content: center	
	 
}

#processing {
	display: block;
/*	width: 148px;
	height: 100px;*/
		width: 45px;
	height: 10px;
	background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/processed_mini.png);
	background-repeat: no-repeat;
	/*background-position: 0px -48px;
	-webkit-transform: translate(0px,48px);  Safari and Chrome */
	background-position: 0px -35px;
	-webkit-transform: translate(0px,35px);
	z-index:3003;
	/*background-position:bottom;*/
}
#mainPart #detailedProcessing{
	display: block;
	position:absolute;
	width: 148px;
	height: 100px;
	background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/processed.png);
	background-repeat: no-repeat;
	background-position: 0px -48px;
	-webkit-transform: translate(0px,48px);
	z-index:3003;
	
}
#mainPart #numbers{
	position: absolute;
	top:65px;
	left:60px;
	font-size:20px;
	font-weight:bold;
	z-index:3003;
}

#test {
	display: block;
	width: 148px;
	height: 80px;
	background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/processed_mini.png);
	background-repeat: no-repeat;
	background-position: 0px -80px;
	background-position:bottom
}

#header:after {
	position:absolute;
	top:0px;
	left:0px;
  content: '';
  width: 100%;
  display: inline-block;
}

#mainPart {
//float:left;
margin:0;
//padding:10px;
width: 100%;
position:fixed;
top:200px;

background-image: url(http://www.prism.gatech.edu/~xxie37/ar/tempLayout/ring.png);
background-repeat: no-repeat;
background-position:center center;
width: 148px;
height: 148px;
z-index: 3003;
}

#showPos{
	position:fixed;
	top:110px;
	left:30px;
	width:100px;
	height:10px;
	z-index:3001;
}
#showPosText{
	position:absolute;
	left:6px;
	top:2px;
	font-size:12px;
}
#showImg{
	position:fixed;
	top:170px;
	left:30px;
	width:100px;
	height:10px;
}
#showImgText{
	position:absolute;
	left:6px;
	top:4px;
	font-size:12px;
	z-index:3001;
}

div.radar
{		
	position:fixed;
	top:100px;
	
}
div.map{
	position:fixed;
	top: 240px;
	left: 5px;
	z-index:3001;
}
div.obj{
	font:"Bold 60px Arial";
	position:absolute;
	top:65px;
	color:yellow;
	width:30;
	height:20;
}
#compass {
	position:absolute;
	top:90px;
	left:170px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 80ms linear;
	z-index:3002;
}
	#cross {
		position:absolute;
		top:160px;
		left:90px;
		z-index:2000;
	}
	#gameInfo{
		position:absolute;
		top:50px;
		z-index:2000;
	}